<template>
<div>
  <div class="setting">
    <left-menu class="left-nav c-shadow"></left-menu>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>

</div>
</template>
<script>
import leftMenu from './aside.vue'
export default {
  components: {
    leftMenu
  }
}
</script>
<style scoped lang='scss'>
.setting {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 20px 2px 20px 2px;
}

.content {
  flex-grow: 1;
  flex-shrink: 1;
  // padding: 30px 40px;
  width: 82%;
  // height: 100%;
  margin-left: 3%;
  /*overflow-x: auto;*/
}

.left-nav {
  height: 100%;
  box-sizing: border-box;
  min-width: 180px;
  width: 15%;
  // -moz-box-shadow: 5px 5px 5px #e2d7d7;
  // -webkit-box-shadow: 5px 5px 5px #e2d7d7;
  // box-shadow: 0px 0px 8px #e2d7d7;
}
</style>



// WEBPACK FOOTER //
// src/view/sysManage/index.vue